body {
	background: #333 !important;
}

page {
	min-height: 100%;
}

a {
	text-decoration: none;
}

/**
 * 公共样式、框架样式覆盖
 */
page {
	background: #eee;
	color: #4a4a4a;
}

.content-fixed {
	position: fixed !important;
	top: 0;
	z-index: 11;
	padding-bottom: 20rpx;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-top: 53px;
}


.padding-horizontal-main {
	padding: 15rpx 15rpx 0;
}

.border-radius-main {
	border-radius: 20rpx;
}

.spacing-nav-title {
	height: 80rpx;
	line-height: 80rpx;
}

.spacing-nav-title .text-wrapper {
	display: inline-block;
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
}

.va-m {
	vertical-align: middle;
}

/**
 * 箭头符号
 */
.arrow-right {
	background-image: url('');
	background-size: 38rpx 38rpx;
	background-repeat: no-repeat;
	background-position: center right;
}

/**
 * 滚动水平左右滑动内容宽度处理
 */
.rolling-horizontal .scroll-view-horizontal {
	width: calc(100% + 20rpx);
}

/**
 * 滚动水平左右滑动
 */
.scroll-view-horizontal {
	white-space: nowrap;
	box-sizing: border-box;
	width: 100%;
}

.oh {
	overflow: hidden;
}

.bg-white {
	background-color: #fff !important;
}

.goods-title {
	line-height: 44rpx;
	min-height: 86rpx;
}

/**
 * 文字超出部分使用省略号
 */
.single-text {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
}

.multi-text {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 76rpx;
	line-height: 38rpx;
	font-size: 28rpx;
	white-space: initial;
}

/**
 * 价格
 */
.sales-price {
	color: #f40;
	font-weight: bold;
	font-size: 36rpx;
}

.original-price {
	color: #999;
	font-size: 26rpx;
	text-decoration: line-through;
}

/**
 * 标签
 */
.plugins-label {
	z-index: 1;
	box-sizing: border-box;
	white-space: initial;
	max-width: 100%;
}

.plugins-label-text {
	padding: 10rpx 10rpx 0 10rpx;
}

.plugins-label .lv:not(:last-child) {
	margin-right: 10rpx;
}

.plugins-label .lv {
	margin-bottom: 10rpx;
}

.plugins-label-img.plugins-label-bottom-left .lv,
.plugins-label-img.plugins-label-bottom-center .lv,
.plugins-label-img.plugins-label-bottom-right .lv {
	margin-bottom: 0;
	margin-top: 10rpx;
}

.plugins-label .lv view {
	padding: 4rpx 12rpx;
	-webkit-box-shadow: 0px 1px 2px -1px rgb(0 0 0 / 60%);
	box-shadow: 0px 1px 2px -1px rgb(0 0 0 / 60%);
}

.plugins-label-img image {
	width: 80rpx !important;
	height: 80rpx !important;
}

.plugins-label-top-left {
	left: 0;
	top: 0;
}

.plugins-label-top-center {
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
}

.plugins-label-top-right {
	top: 0;
	right: 0;
}

.plugins-label-bottom-left,
.plugins-label-bottom-center,
.plugins-label-bottom-right {
	bottom: calc(100% - 380rpx);
}

.plugins-label-bottom-left {
	left: 0;
}

.plugins-label-bottom-center {
	width: 100%;
	text-align: center;
}

.plugins-label-bottom-right {
	right: 0;
}

.dis-inline-block {
	display: inline-block !important;
}

.round {
	border-radius: 50rpx !important;
}

/**
 * 商品列表 - 列表
 */
.goods-data-list .goods-img {
	width: 190rpx !important;
	height: 190rpx !important;
}

.goods-data-list .base {
	width: calc(100% - 220rpx);
}

/**
 * 商品列表 - 九方格
 */
.goods-data-grid-list .item {
	width: calc(50% - 10rpx);
	float: left;
	padding-bottom: 10rpx;
	margin-bottom: 20rpx;
}

.goods-data-grid-list .item:nth-of-type(2n + 1) {
	margin-right: 10rpx;
}

.goods-data-grid-list .item:nth-of-type(2n) {
	margin-left: 10rpx;
}

.goods-data-grid-list .item .goods-img {
	width: 100%;
	height: 380rpx !important;
}

/**
 * 关键字标签展示
 */
.word-list .word-icon:not(:last-child) {
	margin-right: 20rpx;
}

.word-list image {
	max-width: 100%;
	margin: 0 auto;
}


/**
 * 文本颜色 搭配色、次主色、主色
 */
.cr-main-pair {
	color: #795548 !important;
}

.cr-main-light {
	color: #ffebd2 !important;
}

.cr-main {
	color: #f6c133 !important;
}

/**
 * 边线 搭配色、次主色、主色
 */
.border-color-main-pair {
	border-color: #795548 !important;
}

.border-color-main-light {
	border-color: #ffebd2 !important;
}

.border-color-main {
	border-color: #f6c133 !important;
}

/**
 * 统一颜色
 * 文本基础色、白色、黑色、灰色、浅灰色、红色、黄色、绿色、蓝色
 */
.cr-base {
	color: #666 !important;
}

.cr-white {
	color: #fff !important;
}

.cr-black {
	color: #000 !important;
}

.cr-gray {
	color: #888 !important;
}

.cr-grey {
	color: #9A9A9A !important;
}

.cr-red {
	color: #f00 !important;
}

.cr-yellow {
	color: #f6c133 !important;
}

.cr-green {
	color: #1AAD19 !important;
}

.cr-blue {
	color: #2196F3 !important;
}

/**
 * 背景色 搭配色、次主色、主色
 */
.bg-main-pair {
	background-color: #795548 !important;
}

.bg-main-light {
	background-color: #ffebd2 !important;
}

.bg-main {
	background-color: #f6c133 !important;
}

/**
 * 边框 搭配色、次主色、主色
 */
.br-main-pair {
	border: 1px solid #795548 !important;
}

.br-main-light {
	border: 1px solid #ffebd2 !important;
}

.br-main {
	border: 1px solid #f6c133 !important;
}

/**
 * 边框 灰色（四边）、红色、黄色、绿色、灰色、无边线
 */
.br {
	border: 1px solid #efefef !important;
}

.br-b {
	border-bottom: 1px solid #efefef !important;
}

.br-t {
	border-top: 1px solid #efefef !important;
}

.br-l {
	border-left: 1px solid #efefef !important;
}

.br-r {
	border-right: 1px solid #efefef !important;
}

.br-red {
	border: 1px solid #f00 !important;
}

.br-yellow {
	border: 1px solid #f6c133 !important;
}

.br-green {
	border: 1px solid #1AAD19 !important;
}

.br-gray {
	border: solid 1px #d6d6d6 !important;
}

.br-blue {
	border: solid 1px #2196F3 !important;
}

.br-0 {
	border: 0 !important;
	box-shadow: none;
}

/**
 * 模块分割间距
 */
.spacing {
	padding-top: 20rpx;
}

.spacing-10 {
	padding-top: 10rpx;
}

.spacing-mb {
	margin-bottom: 20rpx;
}

.spacing-mt {
	margin-top: 20rpx;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.pa {
	position: absolute;
}

.pr {
	position: relative;
}

.radius {
	border-radius: 10rpx !important;
}

.bs-bb {
	box-sizing: border-box;
}

/**
 * 透明度
 */
.opacity-min {
	opacity: 0.3;
}

.opacity {
	opacity: 0.5;
}

.opacity-max {
	opacity: 0.8;
}

.wh-auto {
	width: 100% !important;
}

.ht-auto {
	height: 100% !important;
}

/**
 * 页面底部浮动、增加底部边距
 */
.page-bottom-fixed {
	padding-bottom: 120rpx;
}


/**
 * 表单
 */
.form-container .form-gorup {
	padding: 20rpx;
	margin-bottom: 20rpx;
	border-radius: 20rpx;
}

.form-container .form-gorup .form-gorup-item-left {
	float: left;
	padding-right: 20rpx;
}

.form-container .form-gorup .form-gorup-item-right {
	float: right;
	padding-left: 20rpx;
	border-left: 1px solid #f7f7f7;
}

.form-container .form-gorup .form-gorup-item-left,
.form-container .form-gorup .form-gorup-item-right {
	width: calc(50% - 20rpx - 1px);
}

.form-container .form-gorup-submit {
	padding: 20rpx 0;
}

.form-container .form-gorup:not(.form-gorup-submit) {
	background: #fff;
}

.form-container .form-gorup-title {
	margin-bottom: 5rpx;
	font-weight: 500;
}

.form-container .form-group-tips,
.form-container .form-group-tips-must {
	margin-left: 20rpx;
	font-size: 24rpx;
	color: #ccc;
}

.form-container .form-group-tips-must {
	color: #f00;
}

.form-container .form-gorup input,
.form-container .form-gorup textarea,
.form-container .form-gorup .picker {
	border-radius: 0;
	width: 100%;
	box-sizing: border-box;
	font-size: 28rpx;
}

.form-container .form-gorup input,
.form-container .form-gorup .picker,
.form-container .form-gorup .radio-gorup {
	height: 70rpx;
	line-height: 70rpx;
}

.form-container .form-gorup textarea {
	padding: 0;
	height: 150rpx !important;
	margin-top: 20rpx;
}

.form-container .form-gorup-text {
	padding: 20rpx 10rpx;
}

.form-container .form-gorup .switch {
	margin: 30rpx 0 20rpx 0;
}

.form-container .form-gorup .radio-gorup .radio radio {
	transform: scale(0.7);
}

.form-container .form-gorup .radio-gorup .radio:not(:last-child) {
	margin-right: 50rpx;
}

/**
 * 底部浮动
 */
.bottom-fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	border: none;
	width: 100%;
	box-sizing: border-box;
	z-index: 2;
}

.padding-main {
    padding: 20rpx;
}

.circle {
    border-radius: 50% !important;
}

/**
 * 字体大小
 */
.text-size-xs {
    font-size: 22rpx !important;
}
.text-size-sm {
    font-size: 26rpx !important;
}
.text-size-md {
    font-size: 28rpx !important;
}
.text-size,
.text-size-default {
    font-size: 32rpx !important;
}
.text-size-lg {
    font-size: 36rpx !important;
}
.text-size-xl {
    font-size: 42rpx !important;
}
.text-size-xxl {
    font-size: 62rpx !important;
}
.text-size-xxxl {
    font-size: 82rpx !important;
}

.fw-b {
    font-weight: bold;
}

.margin-top-xs {
    margin-top: 5rpx;
}

.margin-top-sm {
    margin-top: 10rpx;
}

.margin-left-xs {
    margin-left: 5rpx;
}
.margin-left-sm {
    margin-left: 10rpx;
}

.bg-blue {
    background-color: #2196F3 !important;
}

.tc {
    text-align: center;
}

.bg-yellow {
    background-color: #f6c133 !important;
}


